<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="./css/treasure.css">
    <link rel="stylesheet" href="./css/bootstrap.css">
</head>
<body>
    <div class="content">
        <p>体力</p>
        <div class="ctr">
            <div id="bar" style="width:100%;"></div>
        </div>
        <p id="total">100%</p>
        <div class="clear"></div>
        <div id="mineBody">
        </div>
        <div class="row">
            <button onclick="setItemSelected(1)" class="btn btn-danger">锤子 (3 能量)</button>
            <button onclick="setItemSelected(0)" class="btn btn-info">凿子 (1 能量)</button>
            <h3><span>0</span>/1 物品被找到 </h3>
        </div>
    </div>
    <script src="./js/jquery.min.js"></script>
    <script src="./layui/layui.js"></script>
    <script src="./js/xadmin.js"></script>
    <script src="./js/treasure.js"></script>
    <script>
        function setItemSelected(item){
            if(item==0){
                $('.row .col-sm-1').addClass('chuzi').removeClass('chuizi');
            }else{
                $('.row .col-sm-1').addClass('chuizi').removeClass('chuzi');
            }
        }
    </script>
</body>
</html>